草庐IT

Vue3 组件

全部标签

javascript - 如何在 vue 中设置 Fabric.js?

我刚遇到相同的组合:Fabric.js和Vue.js并且很想知道,但是我正在使用VueJs几天,我不知道如何在vue中设置fabric。你能为我分享一些经验吗? 最佳答案 安装Fabricyarnaddfabric#ornpminstall-sfabric基本组件(基于@laverick的回答):import{fabric}from'fabric';exportdefault{mounted(){constref=this.$refs.can;constcanvas=newfabric.Canvas(ref);constrect=n

javascript - Vue-Router 抽象父路由

我正在尝试将我当前的站点迁移到vuejs。站点地图必须是:/login/signup/password-reset/browse/search...dozensofotherroutes由于其中一些路由共享很多fx,我将它们设为父路由的子路由:[{//publicroutespath:'/',component:Auth,children:[{path:'/login',component:Login},{path:'/signup',component:Signup},{path:'/password-reset',component:PasswordReset},]},{//rou

javascript - VueJS - 将单独的组件加载到 vue 实例中

在我的工作中,我目前正在重新设计我们的网络平台,包括将大量旧的javascript/jquery移至VueJS。我有一个包含Vue组件的global.js文件,还有一个包含Vue的vendor.js,Axios、Vuex、...现在我们的网站上有一个文本编辑器,这个编辑器有一个Vue版本。问题是这个文本编辑器非常大,几乎500kb用于生产。所以我在单独的文件中为此编辑器创建了一个单独的组件,因为我们只需要在两个页面上使用它。现在,由于我的全局Vue占据了整个页面,我无法将文本编辑器插入其中,因为您无法将Vue实例放入另一个Vue实例。有没有一种方法可以让编辑器作为一个完全独立的文件,但

javascript - 如何将来自不同组件的 firebase auth 和 Cloud Firestore 作为单个 firebase 应用程序使用

我正在尝试在我的React项目中使用firebase来提供身份验证和数据库功能。在我的App.js我有importappfrom"firebase/app";import"firebase/auth";app.initializeApp(firebaseConfig);在我的其他组件中称为由App.js呈现我有这个来初始化数据库importappfrom"firebase/app";import"firebase/firestore";constdb=app.firestore();但是这次我得到了这个错误UncaughtFirebaseError:Firebase:NoFirebas

javascript - 使用生成器 + promise 在 Firefox SDK 附加组件中/与 Firefox SDK 附加组件进行 "simulated synchronous"通信

TL;DR:有什么方法可以重写这个基于回调的JavaScript代码以改用promises和生成器吗?背景我有一个使用FirefoxAdd-onSDK编写的Firefox扩展.与SDK一样,代码分为附加脚本和contentscript。.这两个脚本具有不同类型的权限:附加脚本可以做一些奇特的事情,例如,通过js-ctypes调用native代码。界面,而内容脚本可以与网页交互。然而,附加脚本和内容脚本只能通过异步message-passinginterface来彼此交互。.我希望能够从普通的非特权网页上的用户脚本调用扩展代码。这可以使用称为exportFunction的机制来完成这样一

javascript - 如何使用 Vue.js 类设置计时器

我只是使用Vue.js来更新我正在搞乱的网站上的帖子,这就是我到目前为止所得到的(我仍在学习javascript,并且不太擅长)[app.js]varVue=require('vue');Vue.use(require('vue-resource'));varapp=newVue({el:'#app',components:{'postlist':require('./components/postlist/postlist.js')}});[poSTList.js]module.exports={template:require('./postlist.template.html')

javascript - Angular 1.5 组件双向绑定(bind)不起作用

我有一个Angular1.5.3组件,它似乎没有更新双向绑定(bind)的值。我的Controller更改传递给组件的值。当Controller初始化时,该组件似乎读取默认值,但此后就好像它是单向绑定(bind)一样。future对绑定(bind)值的任何更改都不会在组件中读取。我将它从一个类似的功能指令转换而来,两种方式的绑定(bind)工作得很好。组件是否缺少更改事件或类似事件?我是否需要向组件Controller添加特定逻辑以便组件模板可以读取绑定(bind)值?实现组件的菜单模板:{{ctrl.menu}}{{ctrl.settings}}子菜单组件:(function(){'

javascript - 如何将状态与父组件传递给子组件

有没有办法将状态从父组件传递到子组件,例如:varParentComponent=React.createClass({getInitialState:function(){return{minPrice:0}},render:function(){return();}});varChildComponent=React.createClass({getInitialState:function(){return{minPrice://Getfromparentstate}},doSomething:function(v){this.setState({minPrice:v});},r

javascript - 更新 v-for 中使用的数组内的对象时,Vue js react 性问题

我有一个使用vue.js的应用程序。我在对象数组中使用v-for生成结果列表。当我使用下划线_.extend更新数组中第n个项目内的对象时,项目View不会更新。http://vuejs.org/guide/reactivity.html上有针对此问题的解决方案这表示像这样使用_.extend:this.results.displayed[key]=_.extend({},this.results.displayed[key],detail.items);但问题是当我像它说的那样使用扩展时,它不会更新View。 最佳答案 当您通过数

javascript - 为什么我的 react 组件没有随着状态更新而更新?

我有一个我构建的map应用程序,它需要一些map图标在按下按钮后出现/消失,但是当我从它是父组件:父加载组件:简单map组件(已简化):constructor(props){(props);this.state={events:[{venue:{lat:2,lon:1}}],sports:["baseball","football","paddle","soccer","boxing","dart","biking","golf","hockey","inline-skating","tennis","volleyball","skateboard","kickball","bowli